@for $i from 0 through 100 {
  .mt#{$i} {
    margin-top: #{$i}rpx !important;
  }

  .mb#{$i} {
    margin-bottom: #{$i}rpx !important;
  }

  .ml#{$i} {
    margin-left: #{$i}rpx !important;
  }

  .mr#{$i} {
    margin-right: #{$i}rpx !important;
  }

  .pt#{$i} {
    padding-top: #{$i}rpx !important;
  }

  .pb#{$i} {
    padding-bottom: #{$i}rpx !important;
  }

  .pl#{$i} {
    padding-left: #{$i}rpx !important;
  }

  .pr#{$i} {
    padding-right: #{$i}rpx !important;
  }
  .pd#{$i} {
    padding: #{$i}rpx !important;
  }

  .ft#{$i} {
    font-size: #{$i}rpx !important;
  }
}

@each $i in (100, 200, 300, 400, 500, 600, 700, 800, 900) {
  .fw#{$i} {
    font-weight: $i
  }
}

.text-level2{
  color: #666;
}

.text-desc{
  color: #999;
}

.text-underline{
  text-decoration: underline;

}

// Flex 样式
.flex{
  display: flex;
}
.flex-col{flex-direction: column;}

.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}

.items-start{align-items: flex-start;}
.items-end{align-items: flex-end;}
.items-center{align-items: center;}
